@charset 'utf-8';

@import "common/base";

header {
    width: $full;
    .header-search {
        margin-bottom: r(34);
    }

    .every {
        text-align: center;
        font-size: r(26);
        line-height: r(41);
        margin-bottom: r(16);
        display: none;
        i {
            color: #898989;
            vertical-align: middle;
            margin-left: r(10);
        }
    }

    .header-tabs {
        @include wh(r(512),r(130));
        margin: 0 auto;
        display: none;
        .tab {
            @include wh(r(124),r(63));
            background: #dcdcdc;
            margin-right: r(5);
            margin-bottom: r(3);
            text-align: center;
            &:nth-child(4n) {
                margin-right: 0;
            }
            p {
                font-size: r(20);
                line-height: r(63);
                color: #898989;
            }
        }
    }
}

section {
    .section-hot {
        @include wh(r(707),r(351));
        margin: 0 auto;
        .hot-left {
            @include wh(r(280),r(351));
            img {
                width: $full;
            }
        }

        .hot-right {
            @include wh(r(420),r(351));
            .hot-right-top {
                @include wh(r(420),r(146));
                margin-bottom: r(9);
                img {
                    width: $full;
                }
            }
            .hot-right-bottom {
                @include wh(r(195),r(196));
                img {
                    @include wh(r(195),r(196));
                }
            }
        }
    }
    .section-recommend {
        @include wh(r(707),r(202));
        margin: 0 auto;
        .recommend1 {
            @include wh(r(227),r(200));
            margin-right: r(24);
            img {
                width: $full;
            }
        }

        .recommend2 {
            @include wh(r(210),r(200));
            margin-right: r(25);
            img {
                width: $full;
            }
        }

        .recommend3 {
            @include wh(r(220),r(200));
            margin-right: 0;
            img {
                width: $full;
            }
        }
    }
}
